vue中实现锚点定位 您所在的位置:网站首页 element ui菜单锚点 vue中实现锚点定位

vue中实现锚点定位

2024-07-18 01:58| 来源: 网络整理| 查看: 265

vue中实现锚点定位 通过监听滚动事件,高亮显示锚点按钮添加点击事件,根据锚点滚动至对应区域并实现平滑滚动 这里主要是实现了一个简单的滚动触发锚点高亮,以及点击锚点触发滚动的功能 如果是获取浏览器的滚动高度,各个浏览器有所差异,使用以下几种方式: Chrome: document.body.scrollTop Firefox: document.documentElement.scrollTop Safari: window.pageYOffset 我这里是局部元素滚动,因此稍有差异。先附上html及css代码块: scroll-content为滚动区域, operation-btn为控制锚点行为的按钮。

一层 二层 三层 四层


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有